<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .mask
        {
            background-color: rgba(0,0,0,0.3);
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;

        }
    </style>
</head>
<body>
    <div class="mask">
        <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aspernatur consequuntur dicta eius
            eveniet facere harum, id impedit minima modi nisi possimus provident quasi sit suscipit tenetur veniam vitae
            voluptates!
        </div>
        <div>Non quasi qui recusandae voluptatibus? Architecto assumenda eligendi in incidunt laborum nobis nostrum
            velit! Aliquam atque expedita in minus nesciunt, nihil possimus praesentium quae quia saepe sequi similique,
            unde veritatis!
        </div>
        <div>Accusantium amet cupiditate distinctio ducimus eum expedita facere fugit illum impedit inventore iste
            laudantium magnam maxime mollitia nemo numquam odit quam qui, quibusdam reiciendis repudiandae similique
            tempora tempore totam voluptatum!
        </div>
        <div>Ab aspernatur beatae ea eius, fugiat necessitatibus quos voluptas. A autem consectetur deleniti dicta
            distinctio et excepturi illum, incidunt ipsam iure magnam molestiae nihil quasi quisquam ratione repudiandae
            temporibus voluptas!
        </div>
        <div>Aliquam aperiam asperiores doloremque, doloribus eveniet ex inventore minus natus odio, quas quisquam rem
            reprehenderit sunt ut voluptate. Architecto at autem dolorum eligendi in inventore magnam minus, quasi
            veniam voluptates.
        </div>
        <div>A aliquam corporis dolor dolorum eius et eveniet harum illo illum laboriosam modi, natus nemo non nostrum
            odio odit, optio quis quo repellat reprehenderit repudiandae sunt tenetur totam ullam vitae!
        </div>
        <div>Accusamus aperiam assumenda beatae cumque, doloremque earum excepturi facilis ipsam ipsum minima minus non
            officia possimus quas quod vel voluptas, voluptatem! Animi blanditiis eius et facilis maiores maxime nobis
            repudiandae.
        </div>
        <div>Aliquid asperiores at, beatae commodi culpa cumque dolore dolores eaque error expedita, fuga ipsum itaque
            magnam magni molestiae mollitia necessitatibus odio perferendis quasi sequi sint tempore veritatis
            voluptate? Placeat, soluta.
        </div>
        <div>Adipisci asperiores deleniti dignissimos distinctio est harum illo in maxime modi necessitatibus nesciunt
            possimus, quia quibusdam reprehenderit, soluta suscipit veniam? Ab dicta ea esse exercitationem impedit
            nisi, recusandae soluta tempora.
        </div>
        <div>Ad ipsa qui sit suscipit veniam. Asperiores cupiditate dolores ducimus, explicabo inventore modi neque odit
            porro quam quo recusandae reprehenderit saepe soluta voluptates voluptatum. Ab et nihil ratione similique
            vero!
        </div>
        <div>A beatae cum deleniti deserunt ducimus ea error excepturi fuga id itaque minima minus nobis nulla, officiis
            possimus provident quae qui quia quos, rerum sunt tempora ut voluptatum? Hic, perspiciatis?
        </div>
        <div>Accusantium aperiam asperiores atque dolore excepturi illo, iure laboriosam nihil perferendis quam,
            quisquam tempore totam voluptates. Assumenda cupiditate debitis recusandae sunt veniam? Autem, cupiditate
            doloremque fugiat nisi optio recusandae rerum.
        </div>
        <div>Commodi debitis dolorem eveniet facilis nobis officiis veniam, voluptate? Accusantium adipisci aspernatur
            delectus dignissimos, enim fuga, hic impedit incidunt labore laudantium libero molestiae omnis perspiciatis
            quasi qui, sint temporibus voluptates?
        </div>
        <div>Accusantium ad aliquid consectetur consequatur corporis culpa, cumque deserunt doloremque earum et
            exercitationem fuga hic illum libero minima perspiciatis qui ratione recusandae reprehenderit sapiente sit
            veniam voluptatum. Minima, rerum voluptatum.
        </div>
        <div>Autem dolore eos incidunt labore repudiandae! Asperiores doloribus ex exercitationem impedit iste iure
            magnam minima minus non officiis provident quas quisquam quod ratione reiciendis, repellat sapiente tempore,
            ullam vel velit.
        </div>
        <div>Accusantium adipisci amet aspernatur atque consequatur cupiditate delectus dolore ipsam vitae voluptate?
            Dignissimos eius ex iusto porro repudiandae. Culpa delectus dolore, et laudantium pariatur quae quam
            quibusdam rerum vero vitae!
        </div>
        <div>Aperiam consequatur consequuntur corporis earum ipsam iusto laborum minus, modi neque nulla numquam
            placeat, quaerat quia quo quos reiciendis repudiandae sed sit tempora veritatis! Deserunt dolore facere
            incidunt nihil ratione.
        </div>
        <div>Adipisci consequatur excepturi impedit ipsum non quasi saepe tempora totam! A autem beatae debitis eius eos
            esse ex fuga fugiat, ipsum minima mollitia natus nisi nulla provident saepe sed unde.
        </div>
        <div>Accusamus consequuntur cumque cupiditate dicta dolor dolorem doloribus earum eius enim, eum fugit iure
            labore, libero minima molestias mollitia quasi quis, quod quos tempora tempore temporibus tenetur vitae
            voluptate voluptatum!
        </div>
        <div>Culpa dicta eum ipsa iusto maiores maxime neque placeat quo ratione, voluptatum! Aut cupiditate distinctio
            eos excepturi explicabo illo illum, nam nemo nesciunt nisi officiis pariatur rem totam vel voluptatibus!
        </div>
        <div>Ad commodi excepturi incidunt molestiae, natus nesciunt nostrum possimus, ratione repellendus sed similique
            suscipit totam? Autem consequatur consequuntur, cupiditate dignissimos ipsa minus, officia quis quos rem
            reprehenderit ut vitae? Libero.
        </div>
        <div>Alias at autem consectetur consequuntur cum cupiditate delectus, dolorum ea enim error esse facilis fuga in
            incidunt iste iusto labore odit quae quod repudiandae temporibus tenetur ullam unde veniam voluptas.
        </div>
        <div>Aliquam aliquid dolor qui voluptate voluptatem! Error quisquam quo soluta. Aperiam assumenda blanditiis
            consequatur deleniti dicta ea eveniet explicabo illo iusto mollitia nihil, non porro quasi qui sed ullam
            veniam!
        </div>
        <div>Accusantium aliquid consectetur cum distinctio dolorem dolorum ducimus et exercitationem hic illum,
            incidunt necessitatibus nihil nostrum odio porro quae quibusdam quos repudiandae rerum similique sit veniam
            voluptates? Excepturi, laborum officiis.
        </div>
        <div>Ad assumenda at culpa cupiditate dignissimos dolor doloribus enim et excepturi explicabo fuga illo illum
            impedit inventore laboriosam laudantium magnam magni minima neque nihil quam quisquam quos reprehenderit,
            veritatis vero!
        </div>
        <div>A aperiam, architecto asperiores blanditiis cum, distinctio explicabo fugit illo mollitia nesciunt
            obcaecati officiis quia reiciendis temporibus tenetur. Animi consequatur cum ea eius, est excepturi libero
            quam rerum totam vel!
        </div>
        <div>Asperiores, assumenda beatae consectetur cumque cupiditate ducimus est facere fugit illum laborum
            necessitatibus neque nesciunt omnis optio possimus repudiandae sit ut velit vitae voluptatem? Assumenda
            blanditiis consequatur molestias possimus veritatis?
        </div>
        <div>Accusantium architecto aspernatur assumenda, corporis debitis deserunt eum expedita facere itaque
            laboriosam libero magni minima necessitatibus nemo obcaecati perferendis quasi qui quibusdam ratione
            recusandae rerum sed similique sint sunt voluptate.
        </div>
        <div>Alias assumenda excepturi quis repellat voluptatum. Commodi corporis eos eum maiores molestias nam, natus
            quo similique tempora? Blanditiis dolor laudantium perferendis placeat quas sapiente sint temporibus.
            Deleniti et nesciunt vitae?
        </div>
        <div>Adipisci aliquam aliquid aperiam assumenda, corporis cupiditate earum facilis magni non odio perspiciatis
            placeat provident quisquam rem sunt tenetur voluptatem! Esse libero maxime nesciunt perferendis similique? A
            dicta odit optio?
        </div>
        <div>Ad alias asperiores consectetur deleniti dignissimos dolor earum eius enim eos error est, facilis labore
            minima natus omnis pariatur perspiciatis repellendus reprehenderit sapiente sed sit tempora tempore
            voluptatum? Fugit, quidem?
        </div>
        <div>Accusantium autem consequatur dolor dolores dolorum earum error, est et, eveniet fugit in laudantium
            perferendis placeat praesentium rem repellat totam! Autem culpa facere libero minima nemo porro possimus
            sapiente tempore!
        </div>
        <div>Accusamus aperiam, aut commodi cupiditate dignissimos dolor et excepturi, harum in maxime nam nostrum
            provident, qui quos repellat suscipit unde! Ad aliquid dicta eius eum ipsum mollitia suscipit vel vero!
        </div>
        <div>Laboriosam minima perspiciatis quia! Architecto blanditiis eaque earum est explicabo impedit maiores,
            nesciunt officia quae ullam. Autem, dolorem incidunt. Ad autem, commodi deleniti enim hic maiores minus
            mollitia neque voluptatibus!
        </div>
        <div>Deserunt dicta fugiat nihil quia recusandae. Ab aut commodi debitis deserunt doloremque exercitationem
            fuga, fugit, modi quae quis ratione rem saepe sed, tempore voluptas. Aliquam est mollitia necessitatibus
            suscipit temporibus?
        </div>
        <div>Accusantium beatae cum delectus ea error et ex facere impedit inventore mollitia, optio provident
            quibusdam, quos, sequi suscipit ullam veritatis voluptatibus. Autem, consectetur dolores esse et id sit
            tempora voluptates.
        </div>
        <div>Aperiam magni nostrum numquam tempora voluptatum! Animi commodi deserunt mollitia nisi odio quibusdam rem!
            Amet beatae deserunt dolores error ex explicabo mollitia necessitatibus, nesciunt numquam quam quidem
            recusandae sed temporibus?
        </div>
        <div>Accusantium aliquam amet at aut consequuntur deserunt dolor dolores esse est facilis incidunt iste libero
            minus, nemo nesciunt officia placeat quae, qui, rerum saepe sapiente sint tempore temporibus voluptas
            voluptates.
        </div>
        <div>Ad consectetur expedita inventore, nobis possimus quas reprehenderit velit? Dolorem, et eveniet explicabo
            id illo, illum magni officia officiis perspiciatis possimus quo recusandae tenetur voluptate. Doloremque,
            impedit, pariatur! Earum, unde.
        </div>
        <div>Accusantium autem ipsam ipsum nemo nostrum nulla perferendis. Aliquid animi eius, eos facilis impedit in
            ipsam ipsum labore modi molestias nam neque odio quas tenetur ut vel vitae voluptate voluptatem!
        </div>
        <div>Accusamus dolor id porro quia similique? A accusamus harum molestias voluptatum! Eveniet itaque modi
            numquam praesentium quis quisquam sit unde. Assumenda culpa debitis officiis optio, quam rem saepe similique
            ut.
        </div>
        <div>Molestiae, obcaecati, voluptate. Aliquid aperiam atque, beatae culpa, cumque dicta dolorem dolores ea id
            impedit, molestias nemo nostrum nulla odio odit officiis perferendis praesentium quia recusandae sed vel
            vero voluptatum.
        </div>
        <div>Adipisci, aliquid amet corporis debitis dolor dolorem iusto maiores modi molestias nam obcaecati officia
            praesentium qui quidem quos temporibus velit veniam vitae. Consequatur exercitationem labore minima nihil
            quia saepe, vel!
        </div>
        <div>Accusantium animi asperiores blanditiis cumque cupiditate ea eaque fugit illo labore laborum laudantium
            magnam modi nihil nobis praesentium provident quas reprehenderit repudiandae similique, tempora tenetur ut
            vel vero voluptas, voluptatum.
        </div>
        <div>Ad aliquam aspernatur assumenda aut cupiditate deserunt eaque eius est, eum expedita facere illum labore
            magnam nam non nulla quae quam quas quisquam quo repellendus sequi soluta voluptas voluptate, voluptatibus!
        </div>
        <div>Cum eligendi exercitationem facilis incidunt inventore quam quasi, unde. Accusantium aut blanditiis
            consequatur dolor enim non obcaecati? Ad, aliquam architecto atque enim excepturi facilis ipsum iste odio
            quas, quidem voluptates.
        </div>
        <div>A, ad aperiam asperiores dicta dolorem ducimus esse facilis harum iure iusto laboriosam maiores maxime
            minima minus natus, pariatur repellendus sequi tenetur unde, voluptas! Animi aperiam nemo porro quasi
            repellendus.
        </div>
        <div>Itaque, reiciendis voluptas? Alias aspernatur est, fugit placeat reprehenderit sit velit veritatis
            voluptas. Accusantium beatae corporis deleniti dolor in nostrum officiis ratione. Delectus, provident,
            ratione. Alias in iusto nesciunt quam.
        </div>
        <div>Adipisci, aperiam atque autem beatae commodi cum cupiditate eum exercitationem expedita hic impedit ipsa
            laboriosam magnam maxime nulla obcaecati officia perferendis reprehenderit, sed temporibus totam voluptate
            voluptatem! Dolore, hic, incidunt!
        </div>
        <div>Alias at autem, beatae cum cumque deserunt explicabo harum ipsa ipsam itaque laboriosam laborum magni modi
            necessitatibus nulla officia omnis porro provident, rem sed sequi totam unde vero voluptate voluptatum.
        </div>
        <div>A accusantium aperiam blanditiis cumque ea enim, esse eveniet neque, quae repellat sequi voluptate!
            Assumenda blanditiis consequatur debitis dignissimos doloribus, fuga nemo placeat reiciendis! Adipisci
            corporis dolorum iste nostrum perferendis!
        </div>
        <div>Ab ad aperiam cum cumque, distinctio, dolorem doloremque eligendi est et ipsam iusto laborum minima
            molestiae nemo nesciunt odit officiis possimus quibusdam recusandae repudiandae sapiente tempora tempore
            temporibus vitae voluptatem?
        </div>
        <div>Eius maxime necessitatibus nihil non obcaecati omnis placeat porro quasi reiciendis, saepe! Architecto et
            provident sit. Aliquid animi aspernatur atque distinctio dolores eveniet, ex fuga incidunt laborum rerum
            soluta temporibus.
        </div>
        <div>Accusamus aliquid deserunt dolores, doloribus dolorum ea earum eos in minus necessitatibus nesciunt
            obcaecati pariatur perferendis quam quas, quidem sapiente vel. Amet cumque earum eveniet fugit harum ipsum
            quidem vitae!
        </div>
        <div>Ad dolorum neque provident recusandae repudiandae suscipit voluptatibus? Culpa impedit itaque magnam
            quaerat repellendus? Animi dolore facilis nesciunt provident. Accusantium, alias ducimus esse obcaecati
            optio quo quod veritatis. Laudantium, nobis.
        </div>
        <div>Ab blanditiis dolor esse illo in molestias natus, praesentium saepe sed ut. Aut dignissimos, doloribus
            ducimus iste iure, magni molestias officia officiis pariatur porro possimus quasi sunt tenetur vero vitae.
        </div>
        <div>Alias, animi atque, autem commodi, et obcaecati possimus provident quas qui soluta suscipit temporibus.
            Accusamus delectus doloremque eum omnis repellat! Asperiores doloremque eos error libero maiores neque
            nostrum omnis quas?
        </div>
        <div>Adipisci, commodi cumque dicta doloremque eaque eius exercitationem ipsa libero natus neque reiciendis
            reprehenderit repudiandae sunt. Architecto cupiditate dicta dolorum, fugit ipsam minus odio officiis quae
            recusandae repellendus tempore vitae?
        </div>
        <div>Animi esse et facere illo incidunt ipsam modi mollitia officia ratione rem! Dicta exercitationem in itaque
            iure magni mollitia quae ratione repellendus? Blanditiis dolorem ducimus est laboriosam quam quibusdam
            temporibus.
        </div>
        <div>Aperiam autem beatae blanditiis corporis ea esse est illum magni minima necessitatibus nobis odio sed
            suscipit totam, vitae voluptatem voluptatibus! Adipisci commodi excepturi exercitationem minima pariatur
            reiciendis saepe voluptatem voluptatibus.
        </div>
    </div>
</body>
</html>